module.exports = {
  lintOnSave: false,
  chainWebpack: config => {
    config.module
      .rule('svg-sprite')
      .use('svgo-loader')
      .loader('svgo-loader')
  },
//   1.proxyTable中的'/index'相当于一个标识,告诉webpack-dev-server,
//我的请求接口中以/index开头的地址要使用代理.不然的话, 可能你的 html, css, js这些静态资源都跑去代理. 
//所以我们只要接口用代理, 静态文件用本地.极端情况下你使用'/',那么所有的请求都会被代理,当然也可以正常跨域.
// 2.使用这种服务器代理的方式跨域时,不需要再去设置axios的基地址了,会报错.

  devServer: {
    proxy: {
      '/api': {
        target: 'http://127.0.0.1:7001',
        changeOrigin: true,
        pathRewrite: {
          '^/': ''
        }
      },
      '/public': {
        target: 'http://127.0.0.1:7001',
        changeOrigin: true,
        pathRewrite: {
          '^/': ''
        }
      }
    }
  }
}
